<template>
  <div>
    <el-image class="banner" :src="url" fit="fill" />
  </div>
</template>

<script>
export default {
    data() {
        return {
            url: require('@/assets/carousel.gif')
        }
    }
};
</script>

<style scoped>
.banner {
  height: 400px;
  width: 100%;
  margin-bottom: 10px;
}
</style>